<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="./css/main.css">
	<link rel="stylesheet" type="text/css" href="./css/animate.css">
	<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

</head>
    <style id="J_style">html{font-size:67.03125px;}</style>
    <script type="text/javascript">
        !function(){function b(){
        	var e,b=document.getElementById("J_style"),
        	c=document.documentElement.clientWidth||document.body.clientWidth,d=1;
        	d=c/640,e=100*d,b.innerHTML="html{font-size:"+e+"px;}",a=d; window._z = d;
        }
        var a=0;b(),window.addEventListener("resize",b);}();
    </script>

<body>
	<div class="head_banner"></div>
	<img class="head_back_img" src="./img/557669c4N98f73b22.jpg.webp">

	<div class="loge_img"></div>
	<div class="container-1">
		<div class="arrow_img">
			<span class="side1-front sider front">京东12周年 玩大的</span>
			<span class="side1-back sider back">年度低价,错过再等20年</span>

			<span class="side2-front sider front">2京东12周年 玩大的</span>
			<span class="side2-back sider back">2年度低价,错过再等20年</span>

		</div>
	</div>
	<span class="head_light light1 lightback"></span>
	<span class="head_light light2 lightwhite"></span>
	<span class="head_light light3 lightback"></span>
	<span class="head_light light4 lightwhite"></span>			
	<span class="head_light light5 lightback"></span>

	<span class="head_light light6 lightwhite"></span>
	<span class="head_light light7 lightback"></span>
	<span class="head_light light8 lightwhite"></span>
	<span class="head_light light9 lightback"></span>			
	<span class="head_light light10 lightwhite"></span>

	<span class="head_light light11 lightback"></span>
	<span class="head_light light12"></span>
	<span class="head_light light13 "></span>
	<span class="head_light light14"></span>			
	<span class="head_light light15 "></span>

	<span class="head_light light16"></span>
	<span class="head_light light18"></span>
	<span class="head_light light19"></span>
	<span class="head_light light20"></span>			
	<span class="head_light light21"></span>		

<script type="text/javascript">
	
/*$('.loge_img').on('click',function(){

$('.arrow_img').addClass('arrowtran');

});*/


/*setTimeout('star()',2000);

setTimeout('star1()',4000);
	
function star(){
	$('.arrow_img').addClass('arrowtran');	
}

function star1(){

	$('.side1').css('display','none');

	$('.side2').css('display','block');

	$('.arrow_img').addClass('arrowtran2');	
}*/


setInterval(show,4000);

var ctr_g=0;

function show(){



	if(ctr_g==0){

		if($('.side2-front').css('display') =='block' ){

			$('.side1-back').css('display','none');
			$('.side2-back').css('display','block');	


		}else{

			$('.side1-back').css('display','block');
			$('.side2-back').css('display','none');	


		}

		
		$('.arrow_img').removeClass('arrowtran arrowtran2');

		$('.arrow_img').addClass('arrowtran');
		ctr_g=1;
	}else{
		
		if(  $('.side2-back').css('display') == 'block' ){

			$('.side1-front').css('display','block');
			$('.side2-front').css('display','none');

		}else{

			$('.side1-front').css('display','none');
			$('.side2-front').css('display','block');
					
		}




		

		$('.arrow_img').addClass('arrowtran2');
		ctr_g=0;
	}




}



</script>

</body>
</html>